﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>现货</title>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/resource.css" />
    <script src="lib/jquery.min.js"></script>
    <script src="js/spot.js"></script>
</head>
<body>
	<!--header start-->
<header>
    <div class="top_bar">
        <div class="left_top_bar fl">
            <div class="welcome fl">城市矿山首页，欢迎来到城市矿山</div>
            <div class="login fl"><a href="#">请登录</a></div>
            <div class="register fl"><a href="#">免费注册</a> </div>
            <div class="clearfix"></div>
        </div>
        <div class="right_top_bar fr">
            <div class="nav_top_bar fl">
                <ul>
                    <li class="fl"><a href="#">我的城市矿山</a></li>
                    <li class="fl"><a href="#">个人中心</a></li>
                    <li class="fl"><a href="#">帮助中心</a></li>
                    <li class="fl"><a href="#">在线客服</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="tel_top_bar fl">
                <div class="tel">400-0660-567（8：30-17：30）</div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="menu">
        <div class="main_menu">
            <div class="logo_menu fl">
                <a href="#"><img src="images/logo_menu.png"></a>
            </div>
            <div class="nav_menu fr">
                <ul>
                    <li class="fl"><a href="index.html">首页</a></li>
                    <li class="fl"><a href="steel.html">商城</a><i></i></li>
                    <li class="fl"><a href="resource.html">资源</a></li>
                    <li class="fl current"><a href="spot.html">现货</a></li>
                    <li class="fl"><a href="#">产品介绍</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</header>
<!--header end-->

<div class="spot_wrapper">
	
	<!--<div class="spot_search spot_f1">
		<div class="spot_search_content">
            <div>
                <select  id="area">
                <option value="">全国</option>
                </select>
            </div>
			<div>
				<select name="" id="type">
					<option value="">废钢铁</option>
				</select>
			</div>
			<div>
				<label for="company">品名</label>
				<input type="text" id="company">
			</div>
            <div>
                <label for="company">型号</label>
                <input type="text" id="company">
            </div>
            <div>
                <label for="company">钢厂</label>
                <input type="text" id="company">
            </div>
            <div>
                <label for="company">仓库</label>
                <input type="text" id="company">
            </div>
		</div>
		<div class="spot_search_option">

			<button class="search"><img src="images/search_icon2.png" alt="">搜索</button>
			<button class="clear">清空</button>
			
			
		</div>
	</div>-->
    <div class="spot_search spot_f2">
        <div class="spot_search_content">
            <div>
                <select  id="area">
                <option value="">全国</option>
                </select>
            </div>
            <div>
                <label for="type">类别</label>
                <select name="" id="type">
                    <option value="">废钢铁</option>
                    <option value="">废家电</option>
                    <option value="">废纸</option>
                </select>
            </div>
            <div>
                <label for="species">品种</label>
                <select name="" id="species">
                    <option value="">全部</option>
                    <option value="废旧洗衣机">废旧洗衣机</option>
                    <option value="废旧电冰箱">废旧电冰箱</option>
                    <option value="废旧空调器">废旧空调器</option>
                    <option value="废旧计算机">废旧计算机</option>
                    <option value="废旧电冰柜">废旧电冰柜</option>
                    <option value="废旧电视机">废旧电视机</option>
                </select>
            </div>
            <div>
                <label for="size">规格</label>
                <select name="" id="size">
                    <!-- <option value="">废钢铁</option> -->
                </select>
            </div>
            
        </div>
        <div class="spot_search_option">

            <button id="search" class="search"><img src="images/search_icon2.png" alt="">搜索</button>
            <button class="clear">清空</button>
            
            
        </div>
    </div>
	<div class="spot_showList">
		
		<!-- <ul class="showList_content f1">
            <li class="showList_nav">
                <span class="tradeName">品名</span>
                <span class="size">规格型号</span>
                <span class="disassembleFactory">拆解厂</span>
                <span class="localcity">地区</span>
                <span class="num">数量</span>
                <span class="option"></span>
                
            </li>
            <li class="showList">
                <span class="tradeName"><button class="showList_toggle">+</button>四毛普板</span>
                <span class="size">40*2200*l</span>
                <span class="disassembleFactory">元宝山</span>
                <span class="localcity">邯郸市</span>
                <span class="num">39.348</span>
                <span class="option_sel"><button>下单</button></span>
                <p class="showList_son">
                    <span class="tradeName">拾起卖自营</span>
                    <span class="size">四毛普板40*2200*l</span>
                    <span class="disassembleFactory"></span>
                    <span class="localcity">武安中货库</span>
                    <span class="num">39.348</span>
                    <span class="option_com"><button>下单</button></span>
                </p>           
            </li>
            
            <li class="showList">
                <span class="tradeName"><button class="showList_toggle">+</button>四毛普板</span>
                <span class="size">40*2200*l</span>
                <span class="disassembleFactory">元宝山</span>
                <span class="localcity">邯郸市</span>
                <span class="num">39.348</span>
                <span class="option_sel"><button>下单</button></span>
                <p class="showList_son">
                    <span class="tradeName">拾起卖自营</span>
                    <span class="size">四毛普板40*2200*l</span>
                    <span class="disassembleFactory"></span>
                    <span class="localcity">武安中货库</span>
                    <span class="num">39.348</span>
                    <span class="option_com"><button>下单</button></span>
                </p>           
            </li>
            <li class="showList">
                <span class="tradeName">
                    <button class="showList_toggle">+</button>
                    四毛普板
                </span>
                <span class="size">40*2200*l</span>
                <span class="disassembleFactory">元宝山</span>
                <span class="localcity">邯郸市</span>
                <span class="num">39.348</span>
                <span class="option_sel"><button>下单</button></span>
                <p class="showList_son">
                    <span class="tradeName">拾起卖自营</span>
                    <span class="size">四毛普板40*2200*l</span>
                    <span class="disassembleFactory"></span>
                    <span class="localcity">武安中货库</span>
                    <span class="num">39.348</span>
                    <span class="option_com"><button>下单</button></span>
                </p>           
            </li>
        </ul> -->
        
            <div class="showList_nav">
                <span class="species">供货品种</span>
                <span class="size">供货规格</span>
                <span class="area">地区</span>
                <span class="supplyNum">供货数量</span>
                <span class="supplier">供货发布人</span>
                <span class="supplyTime">供货发布日期</span>
                <span class="option"></span>
            </div>
            <div id="showList_content">
                <div class="list-title-box">
                    <img src="images/loading.gif" alt="" class="list-title-img">
                </div>
                <ul class="showList_content spot_f2">
                        
                </ul>
            </div>
       
	</div>
	<div class="spot_btnList">
        <!-- <button class="prePage">上一页</button> 
        <button class="numPage">1</button>
        <button class="numPage">2</button>
        <button class="numPage">3</button>
        <button class="numPage">4</button>
        <button class="numPage">5</button>
        <button class="numPage">6</button>
        <button class="numPage">7</button>
        <button class="nextPage">下一页</button>  
        <button class="allPage">共22页</button>
        <button>末页</button> -->
    </div>
</div>

<!--footer start-->
<footer>
    <section class="five_advantage">
        <div class="main_five_advantage">
            <div class="box_five_advantage fl">
                <i class="advantage_1"></i>
                <span>厂商直供</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_2"></i>
                <span>品种规格齐全</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_3"></i>
                <span>仓库加工一体</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_4"></i>
                <span>诚聘英才</span>
                <div class="clearfix"></div>
            </div>
            <div class="box_five_advantage fl">
                <i class="advantage_5"></i>
                <span>帮助中心</span>
                <div class="clearfix"></div>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="nav_footer">
        <div class="main_nav_footer">
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">如何免费找货</a></li>
                    <li><a href="#">资源单搜索</a></li>
                    <li><a href="#">如何免费找车</a></li>
                    <li><a href="#">拾起卖APP/微信</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">商城采购流程</a></li>
                    <li><a href="#">如何支付</a></li>
                    <li><a href="#">发票查询</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">合作钢厂</a></li>
                    <li><a href="#">商城与资源单区别</a></li>
                    <li><a href="#">卖方资源上传</a></li>
                    <li><a href="#">供应商合作洽谈</a></li>
                    <li><a href="#">合作热线</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖加工简介</a></li>
                    <li><a href="#">委托加工的优势</a></li>
                    <li><a href="#">可委托加工的类型</a></li>
                    <li><a href="#">找材料仓库服务信息</a></li>
                    <li><a href="#">意见与建议</a></li>
                </ul>
            </div>
            <div class="box_nav_footer fl">
                <ul>
                    <li><a href="#">拾起卖简介</a></li>
                    <li><a href="#">拾起卖融资申请流程</a></li>
                    <li><a href="#">如何使用拾起卖融资</a></li>
                    <li><a href="#">如何还款</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </section>
    <section class="other_footer">
        <div class="main_other_footer">
            <div class="nav_main_other_footer">
                <ul>
                    <li class="fl"><a href="#">关于我们</a> </li>
                    <li class="fl"><a href="#">诚聘英才</a> </li>
                    <li class="fl"><a href="#">联系我们</a> </li>
                    <li class="fl"><a href="#">常见问题</a> </li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="side_footer">城市矿山官方网站  <a href="#">www.citymine.com .cn</a>  备案号 津ICP 17003801-1 </div>
            <div class="certificate_footer">
                2015-2016年度钢材市场优秀示范企业   2016年度国家重点扶持项目  中国再生资源示范企业  2015年中国大宗商品现代流通诚信市场
            </div>
        </div>
    </section>
</footer>
<!--footer end-->
<script>
	
</script>
</body>
</html>